<template>
	<view>
		<view class="u-card-box u-m-b-20 u-flex u-row-between" v-for="item in list" :key="item.id" @click="goDemandDetail(item)">
			<u-image class="u-m-r-20" width="150rpx" height="150rpx" border-radius="10" :src="item.img[0]" v-if="item.img[0]"></u-image>
			<view class="u-flex-1 u-flex-col u-row-between" style="height: 150rpx;">
				<view class="u-font-26 u-ellipsis-two u-font-bold">{{ item.title}}</view>
				<view class="u-font-24 u-color-gray">
					<span>需求量：</span>
					<span>{{item.num}}</span>
				</view>
				<view class="u-flex u-row-between u-font-24 u-color-gray">
					<view class="u-flex">
						<u-icon name="clock-fill" size="30"></u-icon>
						<view class="u-m-l-10">{{item.audit_time}}</view>
					</view>
					<view class="u-flex">
						<u-icon name="eye-fill" size="30"></u-icon>
						<view class="u-m-l-10">{{item.visit}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:["list"],
		methods:{
			goDemandDetail(val){
				this.$emit("goDemandDetail",val)
			}
		}
	}
</script>

<style>
</style>